import type { ComponentProps, CSSProperties, ReactNode } from 'react';
import { Tag } from '../../Badges/Tag';
import type { TAGINPUT_SIZE_PADDING } from './styles.css';
type TagInputSize = keyof typeof TAGINPUT_SIZE_PADDING;
type TagInputProp = (string | {
    label: string;
    index: string;
})[];
type TagInputProps = {
    disabled?: boolean;
    id?: string;
    name?: string;
    onChange?: (tags: string[]) => void;
    placeholder?: string;
    value?: TagInputProp;
    className?: string;
    'data-testid'?: string;
    label?: string;
    /**
     * Label description displayed right next to the label. It allows you to customize the label content.
     */
    labelDescription?: ReactNode;
    'aria-label'?: string;
    required?: boolean;
    size?: TagInputSize;
    error?: string;
    success?: string | boolean;
    helper?: ReactNode;
    readOnly?: boolean;
    tooltip?: string;
    clearable?: boolean;
    style?: CSSProperties;
    'aria-describedBy'?: string;
} & Pick<ComponentProps<typeof Tag>, 'sentiment' | 'variant'>;
export declare function TagInput({ disabled, id, name, onChange, placeholder, value, className, 'data-testid': dataTestId, 'aria-label': ariaLabel, label, labelDescription, required, size, error, success, helper, readOnly, tooltip, clearable, style, variant, sentiment, 'aria-describedBy': ariaDescribedBy, }: TagInputProps): import("react").JSX.Element;
export declare namespace TagInput {
    var displayName: string;
}
export {};
//# sourceMappingURL=index.d.ts.map